@charset "utf-8";
body{font-size: 14px;color: #333333;}

body a:hover{color: #FF0000;}

.w-1000{width: 1000px;}
.w-1200{width: 1200px;}
.mg-auto{margin: 0 auto;}
.float-l{float: left;}
.float-r{float: right;}
.text-grey {color: #8799a3;}
.text-grey {color: #8799a3;}

.divider{display: block;height: 0;margin: .5rem 0;overflow: hidden;border-top: 1px solid #dcdcdc;margin: 0 auto}
.divider-dashed{display: block;height: 0;margin: .5rem 0;overflow: hidden;border-top: 1px dashed #dcdcdc;margin: 0 auto}
/* 背景轮播 */
.bg_swiper{position: absolute;z-index: -1;top: 0;right: 0;bottom: 0;left: 0;overflow: hidden;}
.bg_swiper img{width: 100%;height: 100%;}

/* head */
.head .left ul>li{float: left; margin-right: 5px;}
.head .right ul>li{float: right;margin-left: 5px;}
.head-1{height: 40px;line-height: 40px;font-size: 12px;background-color: #004dbf;opacity: 0.8;}
.head-1,.head-1 a{color: #FFFFFF;}
.ipv6{display: initial;background-color: #009688; border-radius: 5px;padding: 3px 5px;margin-left: 10px;}
.head-2{height: 210px;position: relative;}
/* logo */
.head-2 .logo{position: absolute;top: 58px;left: 0;}
/* search */
.head-2 .search-box{position: absolute;top: 82px;right: 0;color: #FFFFFF;}
.head-2 .search-box .search{background-color: #005ca9;border-radius:8px;height: 35px;line-height: 35px;padding: 0 5px 0 0;}

.search .search-select{float: left;}
.search-select{width:110px;height:35px;line-height:35px;display: inline-block;font-size: 14px;}
.search-select .hd{display:block;padding-left:10px;cursor: default;}
.search-select .hd{background-image:url(../img/search-icon-bottom.png);background-repeat: no-repeat;background-position: 90px 16px;}
.search-select .hd.on{background-image:url(../img/search-icon-top.png);background-repeat: no-repeat;background-position: 90px 16px;}
.search-select .bd{width:110px;position:absolute;z-index: 1;display:none;background-color:#FFFFFF;}
.search-select .bd li{padding-left:10px;cursor: default;color:#000;}
.search-select .bd li:hover {background:#CCC;color:#FFF;}

.search .line{float: left;}
.search .search-input{float: left;width: 200px;height: 35px;line-height: 35px;background: none;color: #FFFFFF;padding: 0 0 0 10px;}
.search .search-input::-webkit-input-placeholder {color: #FFFFFF;} /* WebKit browsers */
.search .search-input:-moz-placeholder {color: #FFFFFF;} /* Mozilla Firefox 4 to 18 */
.search .search-input::-moz-placeholder {color: #FFFFFF;} /* Mozilla Firefox 19+ */
.search .search-input:-ms-input-placeholder {color: #FFFFFF;}/* Internet Explorer 10+ */
.search button{background-color: #f0413e;color:#FFFFFF;cursor: pointer;padding: 6px 12px;border-radius: 5px;}
.search button:hover{box-shadow: #000000 1px 1px 1px;}

.hotSearch{width: 380px;margin-top: 10px;color: #FFFFFF;line-height: 24px;}
.hotSearch a{color: #FFFFFF;}
/* search */
/* head end */
/* nav */
.nav{background-color: #004177;}
.nav a{color: #FFFFFF;}

.nav ul li{float: left;width: 156px;text-align: center;margin-left: 18px;}
.nav ul li a{
	font-family: "微软雅黑";
	font-size: 16px;
	display: block;
	color: #FFFFFF;
	height: 54px;
	line-height: 54px;
	padding-left: 20px;
	background-image: url(../img/nav_icon.png);
	background-repeat: no-repeat;
}
.nav ul li:hover,.nav ul li.on{background-image: url(../img/nav-on-arrow.png);background-repeat: no-repeat;background-position: bottom center;color: #FFFFFF;background-color: #00a8ff;}
.nav ul li:first-child{margin-left: 0;}
.nav ul li:first-child a {/* 首页 */
    background-position: 40px 15px;
}
.nav ul li:first-child+li a {/* 政府领导 */
    background-position: 22px -37px;
}
.nav ul li:first-child+li+li a {/* 机构职能 */
    background-position: 26px -88px;
}
.nav ul li:first-child+li+li+li a {/* 信息公开 */
    background-position: 24px -146px;
}
.nav ul li:first-child+li+li+li+li a {/* 政务服务 */
    background-position: 25px -197px;
}
.nav ul li:first-child+li+li+li+li+li a {/* 互动交流 */
    background-position: 22px -254px;
}
.nav ul li:first-child+li+li+li+li+li+li a {/* 走进珙县 */
    background-position: 22px -309px;
}
.nav-right-btn{position: absolute;display: inline-block;width: 70px;height: 54px;background-image: url(../img/nav-right-btn.png);background-repeat: no-repeat;background-position: center;}
.nav-right-btn.on{background-image: url(../img/nav-right-btn-top.png);}
/* nav end */

/* foot */
.foot{border-top: 5px solid #FFFFFF;background-color: #00213c;position: absolute;width: 100%;color: #FFFFFF;padding-bottom: 17px;}
.foot a{color: #FFFFFF;}
.foot .links{text-align: center;margin-top: 17px;}
.foot .links select{width: 236px;height: 24px;}
.foot .info{height: 80px;padding-top: 18px;font-size: 12px;line-height: 30px;}
.foot .info>div{float: left;}
.foot .info p span,.foot .info p a{margin-right: 10px;}

.foot .info .wzdt{text-align: center;margin: 10px 0 0 120px;}
.foot .info .wzdt a{float: left;margin-right: 40px;}
/* foot end */
/* 挂件 */
.pendant{position: fixed;z-index: 999;}
.pendant.right{right: 2%;top: 25%;}
.pendant.right ul li{position: relative;width: 40px;height: 40px;line-height: 40px;margin-bottom: 12px;text-align: center;border-radius: 5px;background-color: #128bde;}
.pendant.right ul li:hover,.pendant.right ul li.on{background-color: #1e6698;}
.pendant.right ul li > a{display: inline-block;color: #FFFFFF;}
/* .pendant.right ul li > div{display: none;} */
.pendant.right ul li > div{display: none;font-size: 12px;width: 100px;position: absolute;top: 0;right: 45px;line-height: 20px;padding: 20px;border-radius: 5px;background-color: #1e6698;color: #FFFFFF;} 
.pendant.right ul li > div::after{width: 5px;height: 100%;content: "";position: absolute;right: -5px;top:0;display: block;}
.pendant.right ul li > div.on{display: block;}
.pendant.right ul li > div img{width: 100px;}

.pendant_left {
	top: 25%;
	width: 240px;
	min-height: 305px;
	background-color: #18affe;
	left: -240px;
	border-radius: 10px;
}
.pendant_left .float_icon {
	width: 57px;
	height: 180px;
	position: absolute;
	top: 20px;
	right: -56px;
	font-size: 18px;
	color: white;
	background: url(../img/left_pic.png) center center no-repeat;
	background-size: cover;
	overflow: hidden;
	line-height: 22px;
}
.pendant_left .float_icon span{margin-left: 16px;margin-top: 35px;display: block;}
.pendant_left .title {
	width: 100%;
	height: 56px;
	background-color: #1681b8;
	text-align: center;
	line-height: 56px;
	font-size: 1.25rem;
	color: white;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.pendant_left>div {
	width: 200px;
	min-height: 90px;
	color: white;
	margin: 20px 0px 13px 0;
	padding: 0 20px;
}
.pendant_left>div .main_left_top {
	width: 100%;
	height: 20px;
	margin-bottom: 13px;
}
.pendant_left>div .main_left_top img{float: left;margin-right: 20px;height: 20px;}
.pendant_left>div .main_left_top .name{float: left;font-size: 18px;line-height: 20px;}
.pendant_left>div .main_left_top .add{float: right;font-size: 18px;color: #FFFFFF;}
.pendant_left>div .main_left_bottom {width: 100%;}
.pendant_left>div .main_left_bottom a {
	width: 48%;
	height: 30px;
	display: inline-block;
	position: relative;
	line-height: 30px;
	color: white;
}
/* 挂件 end */

@media only screen and (max-width:1360px ) {
	.nav-right-btn{display: none !important;}
}
@media only screen and (max-width:1200px ) {

}
@media only screen and (max-width:1024px ) {

}
 
@media only screen and (max-width:860px ) {
	.alert{width: 96%!important;}
	
	.pendant{display: none!important;}
	.head-1{display: none;}
	.head-2{width: 100%!important;}
	.head-2 .logo{top: 30px;left: 50px;}
	.head-2 .logo img{width: 320px;}
	.head-2 .search-box{top: 120px;right: 15px;}
	.hotSearch{display: none;}
	.nav{width: 100% !important;}
	.nav-right-btn{display: none !important;}
	.nav ul li{width: 33.1%;margin: 0;border-right: 1px solid #00a8ff;border-bottom: 1px solid #00a8ff;}
	.nav ul li.border-r-none{border-right:none !important;}
	.nav ul li.border-b-none{border-bottom:none !important;}
	.nav ul li a{height: 40px;line-height: 40px;}
	.nav ul li:first-child a {/* 首页 */
		padding-left: 0;
	    background-position: 17px 8px;
	}
	.nav ul li:first-child+li a {/* 政府领导 */
	    background-position: 17px -44px;
	}
	.nav ul li:first-child+li+li a {/* 机构职能 */
	    background-position: 17px -95px;
	}
	.nav ul li:first-child+li+li+li a {/* 信息公开 */
	    background-position: 17px  -152px;
	}
	.nav ul li:first-child+li+li+li+li a {/* 政务服务 */
	    background-position: 17px -205px;
	}
	.nav ul li:first-child+li+li+li+li+li a {/* 互动交流 */
	    background-position: 17px -262px;
	}
	.nav ul li:first-child+li+li+li+li+li+li a {/* 走进珙县 */
	    background-position: 17px -317px;
	}
	.main{width: 95% !important;padding: 2.5% !important;margin: 0 !important;}
	.main .breadcrumb{margin-bottom: 10px !important;height: 30px;line-height: 30px;}
	.main .list .list-left{width: 100%;padding:0;min-height:0;margin-bottom: 10px;}
	.main .list .list-left li{margin-bottom: 10px;background-position: right 20px center}
	.main .list .list-left li:last-child{margin-bottom: 0;}
	.main .list .list-right{width: 95%;min-height: 0;float: left;padding: 0 2.5%;}
	.foot > div{width: 100%!important;}
	.foot .links select{width: 170px;margin-bottom: 10px;}
	.foot .info{height: auto;padding: 0;}
	.foot .info .text{width: 76%;}
	.foot .info .wzdt{width: 100%;margin: 10px 0;}
	.foot .info .wzdt a{display: inline-block;margin: 0 15px;float: none;}
	.foot .info .jiucuo{float: none !important;text-align: center;margin: 0!important;}
	.message_nav{
		width: 100%;
	}
	.message_nav li{
		width: 10%;
	}
}

@media only screen and (max-width:680px ) {
	
}

@media only screen and (max-width:481px ) {
	
}

@media only screen and (max-width:421px ) {
	
}

@media only screen and (max-width:375px ) {
	.html{
		font-size: 20%;
	}
	.head-2 .logo{top: 30px;left: 15px;}
	.search .search-inpu{width: 150px;}
	/* 导航 */
	.nav ul li:first-child a {/* 首页 */
		padding-left: 0;
	    background-position: 10px 8px;
	}
	.nav ul li:first-child+li a {/* 政府领导 */
	    background-position: 10px -44px;
	}
	.nav ul li:first-child+li+li a {/* 机构职能 */
	    background-position: 10px -95px;
	}
	.nav ul li:first-child+li+li+li a {/* 信息公开 */
	    background-position: 10px  -152px;
	}
	.nav ul li:first-child+li+li+li+li a {/* 政务服务 */
	    background-position: 10px -205px;
	}
	.nav ul li:first-child+li+li+li+li+li a {/* 互动交流 */
	    background-position: 10px -262px;
	}
	.nav ul li:first-child+li+li+li+li+li+li a {/* 走进珙县 */
	    background-position: 10px -317px;
	}

}
@media only screen and (max-width:340px ) {
	
}